/* import Vue from 'vue'
// 自定义指令, v-imgerror 图片加载失败的指令
Vue.directive('imgerror', {
  inserted(el, binding) { // el是使用当前指令dom元素
    // console.log(el)
    console.log(binding) // binding是一个对象,记录了当前指令的信息, value就是渲染的图像地址
    // el.src = 'https://img0.baidu.com/it/u=2996250653,3603163890&fm=26&fmt=auto'
    // 图片加载失败后再去设置给图片默认头像
    el.onerror = function() { // 图片加载失败后会触发的方法
      // console.log('图片裂开啦')
      el.src = binding.value || 'https://img0.baidu.com/it/u=2996250653,3603163890&fm=26&fmt=auto'
    }
  }
})
Vue.directive('red', {
  inserted(el) {
    el.style.color = 'red'
  }
})
 */
// 第二次处理
// 自定义指令, v-imgerror 图片加载失败的指令
export const red = {
  inserted(el) {
    el.style.color = 'red'
  }
}
export const imgerror = {
  inserted(el, binding) { // el是使用当前指令dom元素
    // console.log(el)
    // console.log(binding) // binding是一个对象,记录了当前指令的信息, value就是渲染的图像地址
    // el.src = 'https://img0.baidu.com/it/u=2996250653,3603163890&fm=26&fmt=auto'
    // 图片加载失败后再去设置给图片默认头像
    el.onerror = function() { // 图片加载失败后会触发的方法
      // console.log('图片裂开啦')
      el.src = binding.value || 'https://img0.baidu.com/it/u=2996250653,3603163890&fm=26&fmt=auto'
    }
  }
}
export const yellow = {
  inserted(el) {
    el.style.color = 'yellow'
  }
}

